React Native এবং Expo এর মধ্যে পার্থক্য

React Native এবং Expo উভয়ই মোবাইল অ্যাপ্লিকেশন ডেভেলপমেন্টের জন্য ব্যবহৃত হয়, তবে এদের মধ্যে কিছু গুরুত্বপূর্ণ পার্থক্য রয়েছে। React Native হল একটি ফ্রেমওয়ার্ক যা আপনাকে iOS এবং Android প্ল্যাটফর্মের জন্য মোবাইল অ্যাপ্লিকেশন তৈরি করতে সহায়ক, এবং Expo হল একটি টুলকিট বা ফ্রেমওয়ার্ক যা React Native অ্যাপ্লিকেশন ডেভেলপমেন্টের জন্য একটি সহজ পদ্ধতি প্রদান করে, বিশেষত ডেভেলপমেন্ট প্রক্রিয়াকে দ্রুততর ও সহজ করতে।

নিচে React Native এবং Expo এর মধ্যে কিছু প্রধান পার্থক্য তুলে ধরা হলো:

১. প্রধান ধারণা

• React Native:
  • React Native হল একটি ফ্রেমওয়ার্ক যা আপনাকে JavaScript ব্যবহার করে iOS এবং Android মোবাইল অ্যাপ্লিকেশন তৈরি করতে সহায়ক।
  • React Native অ্যাপ্লিকেশনগুলো নেটিভ পারফরম্যান্স প্রদান করে কারণ এটি নেটিভ কম্পোনেন্ট ব্যবহার করে।
• Expo:
  • Expo হল একটি ওপেন সোর্স টুলকিট এবং প্ল্যাটফর্ম যা React Native অ্যাপ্লিকেশন ডেভেলপমেন্টের জন্য কিছু অতিরিক্ত ফিচার প্রদান করে, যেমন অ্যাপ তৈরির জন্য সক্ষম প্যাকেজ এবং ডেভেলপমেন্ট সরঞ্জাম।
  • Expo দিয়ে আপনি React Native ব্যবহার করে অ্যাপ তৈরি করতে পারেন, তবে এটি আরও অনেক সুবিধা প্রদান করে, যেমন দ্রুত ডেভেলপমেন্ট, প্রি-কনফিগারড সেটআপ এবং আরও অনেক অতিরিক্ত টুল।

২. ডেভেলপমেন্টের পদ্ধতি

• React Native:
  • React Native অ্যাপ্লিকেশন তৈরির জন্য আপনাকে একটি নেটিভ ডেভেলপমেন্ট পরিবেশ (যেমন Xcode for iOS এবং Android Studio for Android) সেটআপ করতে হয়।
  • React Native দিয়ে অ্যাপ ডেভেলপ করতে গেলে আপনাকে কিছু ক্ষেত্রে নিজে কোডের কাস্টম সেটআপ করতে হবে, যেমন নেটিভ মডিউল বা কোডে কিছু পরিবর্তন।
• Expo:
  • Expo দিয়ে অ্যাপ ডেভেলপ করতে গেলে আপনাকে একটি সহজ সেটআপ দিয়ে শুরু করতে হয়। Expo ডেভেলপমেন্টে কোনো অতিরিক্ত সেটআপের প্রয়োজন নেই।
  • Expo আপনাকে একটি Managed Workflow প্রদান করে, যেখানে আপনি মূলত React Native কোড লিখবেন, তবে Expo ইতিমধ্যেই প্রয়োজনীয় সেটআপের কাজটি করে দেয়।

৩. নেটিভ কোড অ্যাক্সেস

• React Native:
  • React Native এর মাধ্যমে আপনি নেটিভ কোড (যেমন Objective-C, Swift, Java, Kotlin) ব্যবহার করতে পারেন, অর্থাৎ আপনি নেটিভ মডিউল লিখতে বা এক্সটেনশন তৈরি করতে পারবেন।
  • React Native ব্যবহার করে আপনি সম্পূর্ণ অ্যাপ্লিকেশন কাস্টমাইজ করতে পারেন।
• Expo:
  • Expo একটি Managed Workflow ব্যবহার করে, যার মাধ্যমে আপনি নেটিভ কোডে সরাসরি প্রবেশ করতে পারবেন না। যদি আপনি কোনো নির্দিষ্ট নেটিভ ফিচারের জন্য কোড লিখতে চান, তাহলে আপনাকে Bare Workflow-এ যেতে হবে, যেখানে Expo আপনাকে React Native অ্যাপ্লিকেশন কোড এক্সিকিউট করতে সাহায্য করবে।
  • Expo আপনাকে অনেক সাধারণ ফিচার দিয়ে সহায়তা করে (যেমন ক্যামেরা, লোকেশন, পুশ নোটিফিকেশন), তবে কিছু অত্যাধুনিক ফিচারের জন্য আপনাকে Expo থেকে বের হয়ে React Native ব্যবহার করতে হতে পারে।

৪. পারফরম্যান্স

• React Native:
  • React Native অ্যাপ্লিকেশনগুলি সাধারণত নেটিভ কোডের মতো দ্রুত পারফরম্যান্স দেয়, কারণ এটি সরাসরি ডিভাইসের নেটিভ কম্পোনেন্টগুলির সাথে কাজ করে।
  • React Native-এ নেটিভ মডিউল ব্যবহার করা যেতে পারে, যার ফলে পারফরম্যান্স আরও উন্নত হয়।
• Expo:
  • Expo অ্যাপ্লিকেশনগুলির পারফরম্যান্স React Native অ্যাপ্লিকেশনের তুলনায় একটু ধীর হতে পারে, কারণ Expo কিছু অতিরিক্ত অ্যাবস্ট্রাকশন প্রদান করে যা পারফরম্যান্সে কিছুটা প্রভাব ফেলতে পারে।
  • তবে, Expo এর পারফরম্যান্স সাধারণত বেশ ভালো এবং দ্রুত ডেভেলপমেন্টের জন্য এটি অনেক সুবিধাজনক।

৫. লাইব্রেরি এবং মডিউল সমর্থন

• React Native:
  • React Native-এ আপনি সব ধরনের লাইব্রেরি এবং নেটিভ মডিউল ব্যবহার করতে পারবেন, এবং আপনার কাস্টম কোড যোগ করার সম্পূর্ণ স্বাধীনতা থাকবে।
  • আপনি যদি কোনও নির্দিষ্ট লাইব্রেরি বা মডিউল ব্যবহার করতে চান, তবে আপনাকে সেটি লিখতে বা ইন্টিগ্রেট করতে হতে পারে।
• Expo:
  • Expo-তে কিছু লাইব্রেরি এবং ফিচার কনফিগার করা থাকে, তবে এটি সব ধরণের লাইব্রেরি এবং মডিউল সমর্থন করে না। কিছু লাইব্রেরি বা মডিউল Expo এর সাথে কাজ নাও করতে পারে, যেমন নেটিভ কোডে ডিরেক্ট অ্যাক্সেস প্রয়োজন হলে।
  • তবে, Expo লাইব্রেরি এবং মডিউলের বিশাল একটি প্রি-বিল্ট সংগ্রহ প্রদান করে, যা আপনাকে দ্রুত অ্যাপ ডেভেলপমেন্টে সহায়ক।

৬. আপলোড এবং ডিপ্লয়মেন্ট

• React Native:
  • React Native অ্যাপ্লিকেশন ডিপ্লয় করতে আপনাকে Xcode এবং Android Studio ব্যবহার করতে হবে এবং প্ল্যাটফর্মের জন্য অ্যাপের APK বা IPA ফাইল তৈরি করতে হবে।
  • আপনাকে অ্যাপ স্টোর বা গুগল প্লে স্টোরে আপলোড করার জন্য অতিরিক্ত সেটআপ করতে হতে পারে।
• Expo:
  • Expo অ্যাপ্লিকেশন ডিপ্লয় করা সহজ। Expo আপনাকে Expo's build service এর মাধ্যমে অ্যাপ তৈরি করে, এবং এটি স্বয়ংক্রিয়ভাবে অ্যাপ স্টোর বা গুগল প্লে স্টোরে আপলোড করতে সহায়তা করে।

৭. ডেভেলপমেন্টের গতি

• React Native:
  • React Native প্রোজেক্টে কনফিগারেশন ও কাস্টমাইজেশন বেশি থাকায়, ডেভেলপমেন্ট প্রক্রিয়া কিছুটা ধীর হতে পারে।
  • কোডিংয়ের পর অ্যাপ রিফ্রেশ ও ডিবাগিংয়ের জন্য Xcode বা Android Studio প্রয়োজন।
• Expo:
  • Expo একটি সহজ ও দ্রুত ডেভেলপমেন্ট পদ্ধতি প্রদান করে। এতে Hot Reloading এবং Live Reload সহ সহজ ডিবাগিংয়ের সুবিধা থাকে।
  • Expo দিয়ে অ্যাপ তৈরি ও টেস্ট করা দ্রুত হতে পারে, কারণ সেটআপগুলো প্রি-কনফিগারড থাকে।

সারাংশ:

React Native এবং Expo উভয়ই অ্যাপ ডেভেলপমেন্টের জন্য শক্তিশালী টুল, তবে আপনার প্রকল্পের প্রয়োজন এবং প্রয়োজনীয়তা অনুসারে আপনি উপযুক্ত পদ্ধতি বেছে নিতে পারেন। Expo আপনার ডেভেলপমেন্ট প্রক্রিয়াকে দ্রুত এবং সহজ করে তুলতে পারে, তবে React Native আপনাকে আরও বেশি কাস্টমাইজেশন এবং নেটিভ ফিচারের উপর

নিয়ন্ত্রণ প্রদান করে।

Expo হল একটি টুলকিট এবং প্ল্যাটফর্ম যা React Native অ্যাপ ডেভেলপমেন্টকে সহজ এবং দ্রুততর করে তোলে। Expo দুটি প্রধান ওয়ার্কফ্লো সরবরাহ করে: Managed Workflow এবং Bare Workflow। এই দুটি ওয়ার্কফ্লো ডেভেলপারদের জন্য বিভিন্ন ধরনের কাস্টমাইজেশন এবং কনফিগারেশনের সুযোগ দেয়। নিচে এই দুইটি ওয়ার্কফ্লোর বিস্তারিত আলোচনা করা হল।

Managed Workflow:

Managed Workflow হল Expo-র একটি সরল এবং দ্রুত ডেভেলপমেন্ট পদ্ধতি যেখানে Expo প্ল্যাটফর্ম সমস্ত কনফিগারেশন, টুলস এবং বিল্ডিং প্রক্রিয়া স্বয়ংক্রিয়ভাবে পরিচালনা করে।

Managed Workflow এর বৈশিষ্ট্য:

1. কনফিগারেশন ছাড়াই শুরু:
   • Managed Workflow তে Expo CLI ব্যবহার করে আপনার অ্যাপ তৈরি করা যায়। এতে কোনও অতিরিক্ত কনফিগারেশন বা সেটআপের প্রয়োজন পড়ে না।
   • Expo অ্যাপ্লিকেশন তৈরির জন্য সমস্ত প্রয়োজনীয় সেটআপ এবং কনফিগারেশন ইতিমধ্যেই প্রস্তুত থাকে।
2. Expo SDK এর সুবিধা:
   • Managed Workflow আপনাকে Expo SDK-এর সুবিধা প্রদান করে, যা অনেকগুলি প্রি-কনফিগারড API এবং ফিচারের সুবিধা দেয়। উদাহরণস্বরূপ, camera, location, push notifications, ইত্যাদি।
   • আপনি Expo SDK ব্যবহার করে বেশিরভাগ সাধারণ মোবাইল ফিচার যেমন ক্যামেরা, জিপিএস, পুশ নোটিফিকেশন ইত্যাদি ব্যবহারের সুবিধা পাবেন।
3. ডিপ্লয়মেন্ট এবং বিল্ডিং সহজ:
   • Expo তে, আপনি একটি সহজ CLI ব্যবহার করে অ্যাপ ডিপ্লয় করতে পারেন, যেখানে OTA (Over-the-Air) Updates সহ সহজ বিল্ডিং প্রক্রিয়া রয়েছে।
   • Expo সরাসরি অ্যাপ্লিকেশনকে App Store এবং Google Play Store এ আপলোডের জন্য প্রস্তুত করতে পারে।
4. নেটিভ কোডের প্রবেশাধিকার নেই:
   • Managed Workflow-এ আপনি নেটিভ কোড যোগ করতে পারবেন না। সবকিছু Expo SDK দিয়ে সীমাবদ্ধ থাকবে। যদি আপনাকে native কোডে কাজ করতে হয়, তাহলে আপনাকে Bare Workflow তে যেতে হবে।

Managed Workflow-এর ব্যবহার:

expo init my-app
cd my-app
expo start

এটি স্বয়ংক্রিয়ভাবে React Native প্রোজেক্ট তৈরি করে এবং সমস্ত কনফিগারেশন এবং সেটআপ পরিচালনা করবে।

Bare Workflow:

Bare Workflow হল Expo-র একটি উন্নত পদ্ধতি যেখানে আপনি Expo-এর ক্ষমতাগুলি ব্যবহার করতে পারেন, তবে এখানে আপনি নেটিভ কোড এবং কাস্টম সেটআপ যোগ করার সম্পূর্ণ স্বাধীনতা পাবেন।

Bare Workflow এর বৈশিষ্ট্য:

1. নেটিভ কোডে সম্পূর্ণ কাস্টমাইজেশন:
   • Bare Workflow আপনাকে নেটিভ কোড (Java, Swift, Objective-C) যুক্ত করার পূর্ণ স্বাধীনতা প্রদান করে।
   • আপনি React Native অ্যাপ্লিকেশনে নেটিভ মডিউল লিখতে বা কাস্টম native কোড তৈরি করতে পারবেন।
2. Expo SDK সহ Native কোড:
   • Bare Workflow ব্যবহার করার সময় আপনি Expo SDK ব্যবহার করতে পারেন, তবে আপনাকে কিছু অতিরিক্ত কনফিগারেশন করতে হবে এবং Xcode বা Android Studio দিয়ে কোড বিল্ড করতে হবে।
3. অ্যাপ কাস্টমাইজেশন:
   • Bare Workflow আপনাকে Android এবং iOS ডিরেক্টরির মধ্যে কনফিগারেশন ফাইলগুলিতে পরিবর্তন করার অনুমতি দেয়, যেমন AndroidManifest.xml (Android) এবং Info.plist (iOS)।
   • আপনি অ্যাপের UI এবং ফাংশনালিটি অনেক বেশি কাস্টমাইজ করতে পারবেন।
4. বিল্ডিং এবং ডিপ্লয়মেন্ট:
   • Bare Workflow এ আপনাকে Xcode (iOS) এবং Android Studio (Android) ব্যবহার করে অ্যাপ বিল্ড করতে হবে।
   • Expo CLI দিয়ে শুরু করার পর, আপনার অ্যাপ React Native প্রোজেক্টে রূপান্তরিত হয়ে Xcode এবং Android Studio এর মধ্যে কাস্টম বিল্ড প্রক্রিয়াতে চলে যাবে।

Bare Workflow-এর ব্যবহার:

expo eject
cd my-app
npm install
npx react-native run-android
npx react-native run-ios

expo eject কমান্ডটি ব্যবহার করে আপনি Managed Workflow থেকে Bare Workflow তে স্যুইচ করতে পারবেন।

Managed Workflow বনাম Bare Workflow:

সারাংশ

• Managed Workflow: এটি একটি সহজ এবং দ্রুত ডেভেলপমেন্ট পদ্ধতি, যা আপনাকে Expo SDK দিয়ে অ্যাপ তৈরি করতে দেয় এবং কোনো অতিরিক্ত কনফিগারেশন প্রয়োজন হয় না। তবে এখানে কাস্টম নেটিভ কোড বা অতিরিক্ত কাস্টমাইজেশন সীমিত থাকে।
• Bare Workflow: এটি আপনাকে native কোডে পূর্ণ কাস্টমাইজেশন দেয় এবং Expo SDK ব্যবহার করে native কোডের সম্পূর্ণ নিয়ন্ত্রণ পাওয়ার সুযোগ দেয়। তবে, এটি আরও কনফিগারেশন এবং বিল্ডিং প্রক্রিয়ায় অতিরিক্ত সময় এবং প্রয়াস লাগে।

আপনি যদি React Native অ্যাপ ডেভেলপ করতে চান এবং খুব দ্রুত শুরু করতে চান, তবে Managed Workflow একটি ভাল পছন্দ হতে পারে। তবে, যদি আপনার অ্যাপের জন্য custom native modules বা advanced customizations প্রয়োজন হয়, তবে Bare Workflow আপনার জন্য উপযুক্ত।

Expo হল React Native এর একটি ওপেন সোর্স টুলকিট যা React Native অ্যাপ্লিকেশন ডেভেলপমেন্টকে আরও সহজ এবং দ্রুত করে তোলে। Expo ব্যবহার করে আপনি React Native অ্যাপ্লিকেশন তৈরি, বিল্ড, এবং ডিপ্লয় করতে পারেন, তবে এটি কিছু সীমাবদ্ধতা ও সুবিধার সাথে আসে। নিচে Expo এর সুবিধা এবং সীমাবদ্ধতা বিস্তারিতভাবে আলোচনা করা হয়েছে।

Expo এর সুবিধা

1. সহজ সেটআপ এবং দ্রুত ডেভেলপমেন্ট
   Expo দিয়ে আপনি React Native অ্যাপ্লিকেশন শুরু করতে পারবেন খুব সহজে, কারণ এতে অ্যাপ্লিকেশন ডেভেলপমেন্টের জন্য প্রয়োজনীয় সমস্ত সরঞ্জাম প্রাক-ইনস্টলড থাকে। আপনি create-react-native-app বা Expo CLI ব্যবহার করে দ্রুত প্রোজেক্ট তৈরি করতে পারেন, যার ফলে অ্যাপ ডেভেলপমেন্ট অনেক দ্রুত শুরু করা যায়।
2. ডিভাইসের উপর রিয়েল-টাইম পরীক্ষণ (Live Testing)
   Expo আপনাকে Live Reloading এবং Hot Reloading এর মাধ্যমে কোড পরিবর্তন করলে তৎক্ষণাৎ তা আপনার ডিভাইসে দেখানোর সুবিধা দেয়। আপনি Expo Go অ্যাপ ব্যবহার করে সরাসরি আপনার মোবাইল ডিভাইসে অ্যাপ পরীক্ষা করতে পারবেন।
3. অটোমেটেড বিল্ড প্রক্রিয়া
   Expo আপনাকে অ্যাপ্লিকেশনটি OTA (Over-the-Air) আপডেট এবং Build করার জন্য একটি সোজা ইন্টারফেস দেয়। Expo এর বিল্ড সার্ভিস ব্যবহার করে আপনি Android এবং iOS অ্যাপ্লিকেশন তৈরি এবং ডিপ্লয় করতে পারবেন, যেখানে খুব বেশি কনফিগারেশন বা বিল্ড টুলসের দরকার হয় না।
4. প্লাগইন এবং SDKs
   Expo বেশ কিছু বিল্ট-ইন SDK (Software Development Kit) অফার করে, যেমন Camera, Location, Push Notifications, Sensors ইত্যাদি। এই SDK গুলো আপনাকে সরাসরি ব্যবহারের জন্য কোড লাইব্রেরি এবং কনফিগারেশন প্রদান করে, যা আপনাকে মূল কোডে অনেক সময় সাশ্রয় করে।
5. ক্রস-প্ল্যাটফর্ম সাপোর্ট
   Expo দিয়ে আপনি এক কোডবেস ব্যবহার করে Android, iOS এবং ওয়েব (React Native Web) এর জন্য অ্যাপ্লিকেশন তৈরি করতে পারবেন। এটি অনেক সময় সাশ্রয়ী এবং সুবিধাজনক।
6. React Native Community এর সাপোর্ট
   Expo প্রকল্পের একটি বৃহৎ এবং সক্রিয় কমিউনিটি রয়েছে, যা আপনাকে বিভিন্ন টুলস, লাইব্রেরি, এবং প্রযুক্তিগত সহায়তা প্রদান করে। Expo এর মাধ্যমে আপনি সহজেই সাহায্য পেতে পারেন।

Expo এর সীমাবদ্ধতা

1. নেটিভ মডিউল কাস্টমাইজেশন সীমিত
   Expo এর সবচেয়ে বড় সীমাবদ্ধতা হল আপনি নিজে থেকে নেটিভ কোড যোগ বা কাস্টমাইজ করতে পারবেন না। অর্থাৎ, যদি আপনি অ্যাপ্লিকেশনে কোনও কাস্টম বা বিশেষ নেটিভ ফিচার যেমন custom native libraries বা native modules (যেমন কাস্টম ক্যামেরা ফাংশন বা ফিঙ্গারপ্রিন্ট স্ক্যানিং) যোগ করতে চান, তবে এটি Expo এর সাথে সহজে করা যায় না। যদিও Expo কিছু ejected অ্যাপ্লিকেশনের মাধ্যমে এটি সমাধান করেছে, তবুও এটি একটি বড় সীমাবদ্ধতা।
2. App Size বৃদ্ধি
   Expo অ্যাপ্লিকেশনগুলি অন্যান্য React Native অ্যাপ্লিকেশনের তুলনায় বড় হতে পারে কারণ Expo অনেক ফিচার এবং লাইব্রেরি প্রাক-ইনস্টল করে দেয় যা আপনার অ্যাপে না থাকা সত্ত্বেও অন্তর্ভুক্ত করা হয়। এই কারণে অ্যাপের সাইজ কিছুটা বৃদ্ধি পেতে পারে।
3. নেটিভ কোড কাস্টমাইজেশন এবং নির্ভরতা
   Expo অনেক প্যাকেজ এবং টুলকে অন্তর্ভুক্ত করে, কিন্তু এটি সব সময় আপনার প্রয়োজনীয় নির্দিষ্ট নেটিভ কোড বা থার্ড-পার্টি লাইব্রেরি সরাসরি সাপোর্ট করতে পারে না। যদি আপনি এমন কোনও লাইব্রেরি ব্যবহার করতে চান যা Expo এ সাপোর্টেড না, তবে আপনাকে Expo থেকে eject করতে হতে পারে, যার মাধ্যমে আপনি সাধারণ React Native প্রকল্পে ফিরে যেতে পারবেন, তবে এতে কিছু অতিরিক্ত জটিলতা এবং কনফিগারেশন প্রয়োজন।
4. বিশেষ কনফিগারেশন এবং প্ল্যাটফর্ম সাপোর্টের সীমাবদ্ধতা
   Expo কিছু প্ল্যাটফর্ম স্পেসিফিক কনফিগারেশন বা ফিচারের জন্য সীমাবদ্ধ হতে পারে। যেমন iOS এর App Transport Security (ATS) বা Android এর Permissions সিস্টেমের কাস্টমাইজেশন কিছু ক্ষেত্রেই Expo সীমিত হতে পারে।
5. Ejecting Complexity
   যখন আপনি Expo অ্যাপ থেকে eject করেন (অথবা expo eject কমান্ড ব্যবহার করেন), তখন অ্যাপটি React Native স্ট্যান্ডার্ড অ্যাপ্লিকেশনে পরিবর্তিত হয়ে যায় এবং Expo এর সুবিধাগুলি হারিয়ে ফেলে। এতে আপনাকে পুরানো স্টাইলের React Native অ্যাপ্লিকেশনের কনফিগারেশন এবং বিল্ড প্রক্রিয়ায় ফিরে যেতে হবে, যা বেশ কিছু অতিরিক্ত কনফিগারেশন এবং কাজের প্রয়োজন।

Expo এর সুবিধা এবং সীমাবদ্ধতা - সারাংশ

Expo একটি শক্তিশালী এবং সহজ ব্যবহারের টুলকিট, যা React Native ডেভেলপমেন্টে দ্রুততার সাথে কাজ করতে সহায়তা করে এবং ডেভেলপারদের জন্য অনেক সময় সাশ্রয়ী। Expo এর সুবিধা হলো সহজ সেটআপ, লাইভ টেস্টিং, অটোমেটেড বিল্ড প্রক্রিয়া এবং প্রি-ইনস্টলড SDK সমর্থন। তবে এর সীমাবদ্ধতা হল আপনি নেটিভ কোড কাস্টমাইজেশন করতে পারবেন না, অ্যাপ সাইজ বৃদ্ধি পেতে পারে, এবং প্ল্যাটফর্ম নির্দিষ্ট কনফিগারেশন কিছু ক্ষেত্রে সীমিত হতে পারে।

Expo একটি দুর্দান্ত টুল যদি আপনি দ্রুত মোবাইল অ্যাপ ডেভেলপমেন্ট করতে চান এবং আপনার প্রজেক্টে বিশেষ কাস্টম নেটিভ মডিউল বা কোডের প্রয়োজন না থাকে। তবে, যদি আপনি আরও গভীর কাস্টমাইজেশন চান এবং নেটিভ কোডের উপর পূর্ণ নিয়ন্ত্রণ নিতে চান, তাহলে React Native স্ট্যান্ডার্ড ফ্রেমওয়ার্ক ব্যবহার করা হবে আরও উপযুক্ত।

Expo হল React Native ডেভেলপমেন্টের জন্য একটি ওপেন সোর্স ফ্রেমওয়ার্ক এবং প্ল্যাটফর্ম যা মোবাইল অ্যাপ্লিকেশন ডেভেলপমেন্টকে দ্রুত, সহজ এবং কার্যকরী করে তোলে। Expo SDK একটি সমৃদ্ধ লাইব্রেরি অফ কম্পোনেন্টস এবং ফিচার সরবরাহ করে, যা React Native অ্যাপ্লিকেশনের ডেভেলপমেন্টে সহায়ক। Expo ব্যবহার করে আপনি মোবাইল অ্যাপ্লিকেশন তৈরি করতে পারেন যা নেটিভ কোডে কম্পাইল করা হয়, তবে Expo এর মধ্যে অনেক নেটিভ API এবং কম্পোনেন্টস প্রস্তুত থাকে, যা React Native অ্যাপ্লিকেশনের ডেভেলপমেন্টকে আরো দ্রুত ও সহজ করে।

নিচে Expo SDK এর বিভিন্ন components এবং features এর বিস্তারিত আলোচনা করা হল:

১. Expo Components

Expo SDK বিভিন্ন ধরণের কম্পোনেন্ট সরবরাহ করে, যা আপনাকে আপনার অ্যাপে দ্রুত ফিচার এবং ইউজার ইন্টারফেস যোগ করতে সাহায্য করে।

a. Text Component:

এটি একটি স্ট্যান্ডার্ড React Native Text কম্পোনেন্ট যা Expo SDK-এ ব্যবহৃত হয়। ব্যবহারকারীকে স্ক্রীনে টেক্সট প্রদর্শনের জন্য এটি ব্যবহৃত হয়।

import { Text } from 'react-native';

<Text>Welcome to Expo!</Text>

b. View Component:

এটি React Native এর একটি সাধারণ কন্টেইনার কম্পোনেন্ট, যা অন্যান্য উপাদানকে গ্রুপ করতে ব্যবহৃত হয়।

import { View, Text } from 'react-native';

<View>
  <Text>Inside the View Component</Text>
</View>

c. ImagePicker Component:

ImagePicker কম্পোনেন্টটি ব্যবহারকারীদের গ্যালারি থেকে ইমেজ নির্বাচন করার সুযোগ দেয়।

import * as ImagePicker from 'expo-image-picker';

const pickImage = async () => {
  let result = await ImagePicker.launchImageLibraryAsync();
  console.log(result);
};

d. Camera Component:

Camera কম্পোনেন্টটি ক্যামেরা ফিচারটি সরবরাহ করে, যা দিয়ে ব্যবহারকারী ক্যাপচার করতে পারেন।

import { Camera } from 'expo-camera';

<Camera style={{ flex: 1 }} />

e. MapView Component:

MapView কম্পোনেন্টটি ম্যাপ প্রদর্শনের জন্য ব্যবহৃত হয়, যা ব্যবহারকারীদের বিভিন্ন স্থান দেখানোর সুযোগ দেয়।

import MapView, { Marker } from 'react-native-maps';

<MapView style={{ flex: 1 }}>
  <Marker coordinate={{ latitude: 37.78825, longitude: -122.4324 }} />
</MapView>

২. Expo Features

Expo SDK এর কিছু শক্তিশালী ফিচার রয়েছে যা React Native অ্যাপ্লিকেশন ডেভেলপমেন্টে সহায়ক।

a. Push Notifications:

Expo SDK দিয়ে আপনি সহজেই পুশ নোটিফিকেশন সিস্টেম সেটআপ করতে পারেন। Expo এর মাধ্যমে আপনি ফায়ারবেস বা অন্য কোনো পুশ নোটিফিকেশন সার্ভিস ব্যবহার না করেই পুশ নোটিফিকেশন পাঠাতে পারেন।

import { Notifications } from 'expo';

const sendPushNotification = async () => {
  const message = {
    to: '<Expo Push Token>',
    sound: 'default',
    title: 'Hello',
    body: 'This is a push notification from Expo!',
    data: { withSome: 'data' },
  };
  
  await Notifications.presentNotificationAsync(message);
};

b. Location:

Location API দিয়ে ব্যবহারকারীদের অবস্থান (Geo-location) ট্র্যাক করা যায়। এটি আপনাকে ডিভাইসের GPS ব্যবহার করে ব্যবহারকারীর সঠিক অবস্থান পেতে সাহায্য করে।

import * as Location from 'expo-location';

const getLocation = async () => {
  let location = await Location.getCurrentPositionAsync({});
  console.log(location);
};

c. SecureStore:

SecureStore API দিয়ে আপনি সিকিউরভাবে ডেটা স্টোর করতে পারেন, যেমন পাসওয়ার্ড বা API কীগুলোর জন্য।

import * as SecureStore from 'expo-secure-store';

const saveData = async () => {
  await SecureStore.setItemAsync('key', 'value');
};

const readData = async () => {
  const value = await SecureStore.getItemAsync('key');
  console.log(value);
};

d. FileSystem:

FileSystem API দিয়ে আপনি লোকাল ফাইল সিস্টেমের সাথে কাজ করতে পারেন। এটি দিয়ে ফাইল তৈরি, পড়া, লেখার কাজ করা যায়।

import * as FileSystem from 'expo-file-system';

const saveFile = async () => {
  await FileSystem.writeAsStringAsync(FileSystem.documentDirectory + 'myFile.txt', 'Hello Expo!');
};

const readFile = async () => {
  const fileContent = await FileSystem.readAsStringAsync(FileSystem.documentDirectory + 'myFile.txt');
  console.log(fileContent);
};

e. BarCodeScanner:

BarCodeScanner কম্পোনেন্টটি ব্যবহারকারীদের বারকোড বা কিউআর কোড স্ক্যান করার সুযোগ দেয়।

import { BarCodeScanner } from 'expo-barcode-scanner';

<BarCodeScanner
  onBarCodeScanned={scanResult => console.log(scanResult)}
  style={{ flex: 1 }}
/>

৩. Expo Managed Workflow

Expo-র একটি বিশেষ বৈশিষ্ট্য হল Managed Workflow, যা আপনাকে কোনো ধরনের সেটআপ ছাড়াই React Native অ্যাপ্লিকেশন তৈরি করার সুবিধা দেয়। এতে আপনাকে Xcode বা Android Studio সেটআপ করতে হয় না। সমস্ত ডিপেনডেন্সি Expo দ্বারা পরিচালিত হয়, এবং আপনি সরাসরি expo build কমান্ড দিয়ে অ্যাপের APK বা IPA ফাইল তৈরি করতে পারেন।

ফিচার:

• No Build Configuration Needed: Expo আপনার অ্যাপের সব বিল্ড কনফিগারেশন নিজে পরিচালনা করে।
• OTA Updates: আপনি সহজেই অ্যাপের নতুন ভার্সন Over-the-Air (OTA) আপডেট হিসেবে ডেলিভার করতে পারেন।

অ্যাপ তৈরি করা:

expo init my-new-app
cd my-new-app
expo start

৪. Expo for Web

Expo SDK এর একটি বিশেষ সুবিধা হল Expo for Web, যা আপনাকে React Native কোড ব্যবহার করে ব্রাউজারে অ্যাপ চালানোর সুযোগ দেয়। অর্থাৎ, আপনি একই কোডবেস দিয়ে iOS, Android, এবং ওয়েব অ্যাপ্লিকেশন তৈরি করতে পারবেন।

expo start --web

এই কমান্ডটি আপনাকে আপনার অ্যাপের ওয়েব ভার্সন চালানোর সুযোগ দেবে।

৫. Expo Notifications

Expo-এর Push Notifications ফিচারটি আপনাকে সহজে পুশ নোটিফিকেশন সিস্টেম ইন্টিগ্রেট করতে দেয়। আপনি Expo ক্লাউড সার্ভিস ব্যবহার করে বা Firebase এর মাধ্যমে পুশ নোটিফিকেশন পাঠাতে পারেন।

import { Notifications } from 'expo';

const sendPushNotification = async () => {
  const message = {
    to: '<Expo Push Token>',
    sound: 'default',
    title: 'Hello',
    body: 'This is a push notification from Expo!',
    data: { withSome: 'data' },
  };
  
  await Notifications.presentNotificationAsync(message);
};

সারাংশ

Expo SDK React Native অ্যাপ ডেভেলপমেন্টের জন্য শক্তিশালী ফিচার এবং কম্পোনেন্ট সরবরাহ করে। এর মধ্যে Camera, MapView, Push Notifications, Location, SecureStore, FileSystem ইত্যাদি গুরুত্বপূর্ণ ফিচার অন্তর্ভুক্ত রয়েছে। Expo ব্যবহারের মাধ্যমে আপনি দ্রুত এবং সহজভাবে মোবাইল অ্যাপ্লিকেশন তৈরি করতে পারেন, এবং Managed Workflow এর সাহায্যে কোনো কনফিগারেশন ছাড়াই অ্যাপ তৈরি করতে পারবেন।

Expo SDK আপনাকে মোবাইল অ্যাপ্লিকেশন ডেভেলপমেন্টে সময় এবং প্রচেষ্টা বাঁচাতে সাহায্য করে, এবং এর Web Support এর মাধ্যমে আপনার অ্যাপ একই কোডবেস থেকে ওয়েবেও রান করাতে পারেন।

Expo হল React Native অ্যাপ্লিকেশনের জন্য একটি শক্তিশালী ফ্রেমওয়ার্ক যা ডেভেলপারদের দ্রুত অ্যাপ ডেভেলপমেন্টের জন্য অনেক প্রস্তুত-প্যাকেজ ফিচার সরবরাহ করে। তবে কখনও কখনও আপনি এমন ফিচারগুলি প্রয়োজন যা Expo ম্যানেজড ওয়ার্কফ্লো দ্বারা সমর্থিত নয়, যেমন কাস্টম নেটিভ মডিউল। এই পরিস্থিতিতে Expo Detaching বা Expo Ejecting দরকার হতে পারে, যাতে আপনি Expo থেকে বেরিয়ে এসে কাস্টম নেটিভ কোড এবং মডিউল অন্তর্ভুক্ত করতে পারেন।

এখানে আমরা Expo Detaching এবং Custom Native Modules Integration সম্পর্কে বিস্তারিত আলোচনা করব।

১. Expo Detaching (Ejecting) এর ধারণা

Expo অ্যাপ ডেভেলপমেন্টে একটি ম্যানেজড ওয়ার্কফ্লো ব্যবহার করে যেখানে Expo নিজেই বেশিরভাগ নেটিভ কনফিগারেশন পরিচালনা করে। তবে যদি আপনি এমন কোনো ফিচার ব্যবহার করতে চান যা Expo ম্যানেজড ওয়ার্কফ্লোতে সাপোর্টেড না হয় (যেমন কাস্টম নেটিভ মডিউল), তখন আপনাকে detaching বা ejecting করতে হবে।

Detaching বা ejecting করার মাধ্যমে আপনি Expo Managed Workflow থেকে Bare Workflow-এ চলে যাবেন, যেখানে আপনি Expo ফিচারের সাথে কাস্টম নেটিভ কোড এবং মডিউল অ্যাড করতে পারবেন।

২. Expo Detaching/Ejecting প্রক্রিয়া

২.১ Detaching বা Ejecting কেন করবেন?

• আপনি যদি কাস্টম নেটিভ কোড ব্যবহার করতে চান, যেমন একটি থার্ড-পার্টি লাইব্রেরি যা Expo এর সাথে কাজ করে না।
• আপনি নিজস্ব নেটিভ মডিউল তৈরি করতে চান।
• আপনি নেটিভ ফিচার অ্যাক্সেস করতে চান, যেমন অ্যাপ্লিকেশন লেভেল কনফিগারেশন।

২.২ Detaching/Ejecting এর প্রক্রিয়া

Expo Detaching বা Ejecting করতে:

1. Expo CLI দিয়ে expo eject কমান্ড রান করুন:

   expo eject

   এটি আপনাকে একটি প্রশ্ন করবে, আপনি কি Expo managed workflow ব্যবহার করতে চান না এবং নিজের Bare workflow সিলেক্ট করতে চান। এই প্রক্রিয়া থেকে আপনি ios এবং android ফোল্ডার পাবেন যা একটি স্বাভাবিক React Native অ্যাপের মতো হবে।

2. নেটিভ কোডে পরিবর্তন করা:
   Detaching এর পরে, আপনি আপনার ios এবং android ফোল্ডারে কাস্টম নেটিভ কোড যোগ করতে পারবেন।

3. Expo SDK মডিউলগুলি ইনস্টল করা:
   Detaching করার পরেও Expo SDK এর কিছু ফিচার ব্যবহার করতে চাইলে, Expo SDK মডিউলগুলি ইনস্টল করতে পারেন:

   npm install expo-analytics

৩. Custom Native Modules Integration

Expo Detaching এর পরে, আপনি Custom Native Modules যোগ করতে পারেন যা মূলত Java, Objective-C, বা Swift-এ লেখা কোড হয়। Custom Native Modules React Native অ্যাপের জন্য নেটিভ কোড যুক্ত করার সুযোগ দেয়।

৩.১ Custom Native Module তৈরি করা

Custom Native Module তৈরি করার জন্য প্রথমে আপনাকে আপনার প্ল্যাটফর্মের (iOS বা Android) জন্য নেটিভ কোড লিখতে হবে। উদাহরণস্বরূপ, একটি কাস্টম মডিউল তৈরি করতে:

1. iOS (Objective-C / Swift):

   আপনি ios ফোল্ডারের মধ্যে নতুন ফাইল তৈরি করতে পারেন এবং তার মধ্যে নেটিভ কোড যুক্ত করতে পারেন। উদাহরণস্বরূপ, MyCustomModule.m নামে একটি Objective-C ফাইল তৈরি করুন।

2. Android (Java):

   আপনি android ফোল্ডারের মধ্যে নতুন ফাইল তৈরি করতে পারেন এবং সেখানে Java কোড লিখতে পারেন। উদাহরণস্বরূপ, MyCustomModule.java।

৩.২ নেটিভ মডিউল কাস্টমাইজেশন

React Native-এ Custom Native Module তৈরি করার জন্য আপনাকে সাধারণত ReactPackage ইন্টারফেস ইমপ্লিমেন্ট করতে হবে।

// Example: Android Java code for a custom native module

package com.myapp;

import com.facebook.react.bridge.ReactApplicationContext;
import com.facebook.react.bridge.ReactContextBaseJavaModule;
import com.facebook.react.bridge.ReactMethod;

public class MyCustomModule extends ReactContextBaseJavaModule {
  
  MyCustomModule(ReactApplicationContext reactContext) {
    super(reactContext);
  }

  @Override
  public String getName() {
    return "MyCustomModule";
  }

  @ReactMethod
  public void customMethod() {
    // Custom code here
    System.out.println("This is a custom native method!");
  }
}

৩.৩ React Native Module থেকে ডাটা এক্সেস করা

একবার আপনি আপনার নেটিভ মডিউল তৈরি করলে, আপনি React Native জাভাস্ক্রিপ্ট কোড থেকে এটি অ্যাক্সেস করতে পারবেন।

import { NativeModules } from 'react-native';

const { MyCustomModule } = NativeModules;

MyCustomModule.customMethod();

এখন, আপনি আপনার অ্যাপের যেকোনো অংশ থেকে কাস্টম নেটিভ মডিউল কল করতে পারবেন।

৪. Testing Custom Native Modules

Custom Native Modules যোগ করার পরে, আপনাকে আপনার অ্যাপের বিভিন্ন অংশ পরীক্ষা করতে হবে, যেমন:

• Unit testing: আপনি কাস্টম মডিউলটির ইউনিট টেস্টিং করতে পারেন।
• Debugging: React Native ডিবাগিং টুলস ব্যবহার করে কাস্টম মডিউলটি ঠিকমতো কাজ করছে কিনা পরীক্ষা করতে পারেন।

এছাড়াও, Android এবং iOS প্ল্যাটফর্মে মডিউলটি আলাদাভাবে পরীক্ষা করতে হবে, কারণ সেখানে আলাদা আলাদা নেটিভ কোড এবং কনফিগারেশন থাকতে পারে।

৫. Advantages and Disadvantages of Detaching/Ejecting

Advantages:

• আপনি কাস্টম নেটিভ কোড এবং লাইব্রেরি যোগ করতে পারবেন।
• আপনি আপনার অ্যাপের সেটআপে বেশি কাস্টমাইজেশন করতে পারবেন।
• Expo ম্যানেজড ওয়ার্কফ্লো সীমাবদ্ধতা অতিক্রম করতে পারবেন।

Disadvantages:

• Complexity বৃদ্ধি পায়। Detaching করার পর, অ্যাপ্লিকেশনটি Expo এর সুবিধাগুলি হারাবে এবং আপনাকে নেটিভ কোড পরিচালনা করতে হবে।
• Build এবং ডিপ্লয়মেন্ট প্রক্রিয়া জটিল হতে পারে।
• Expo managed workflow এর মাধ্যমে যত দ্রুত অ্যাপ্লিকেশন তৈরি করা সম্ভব ছিল, detaching করার পর সেই গতি কমে যেতে পারে।

সারাংশ

Expo Detaching একটি শক্তিশালী পদ্ধতি যা React Native অ্যাপ্লিকেশনে কাস্টম নেটিভ মডিউল এবং কোড যোগ করার সুযোগ দেয়। যখন Expo ম্যানেজড ওয়ার্কফ্লো দিয়ে কাজ করা যায় না, তখন আপনি Expo Eject করে Bare Workflow-এ চলে যেতে পারেন এবং কাস্টম নেটিভ কোডের সাহায্যে আরও বেশি কাস্টমাইজেশন এবং ফিচার অ্যাড করতে পারেন। তবে, detaching করার ফলে অ্যাপ্লিকেশনটির জটিলতা বৃদ্ধি পায় এবং আরও নেটিভ কনফিগারেশন ম্যানেজ করতে হয়।